﻿<!DOCTYPE HTML>
<html>
<head>
<title>博客</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.min.js"></script>
<!---start-login-script--->
		<script src="js/login.js"></script>
		<!---//End-login-script--->
		<!-----768px-menu----->
		<link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
		<script type="text/javascript" src="js/jquery.mmenu.js"></script>
			<script type="text/javascript">
				//	The menu on the left
				$(function() {
					$('nav#menu-left').mmenu();
				});
		</script>
		<!-----//768px-menu----->
</head>
<body>
	<div class="content">
	<!------start-768px-menu---->
			<div id="page">
					<div id="header">
						<a class="navicon" href="#menu-left"> </a>
					</div>
					<nav id="menu-left">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="about.html">关于</a></li>
							<li><a href="blog.html">博客</a></li>
							<div class="clear"> </div>
						</ul>
					</nav>
			</div>
		<!------end-768px-menu---->
			<!---start-header---->
			<div class="header">
		   <!---start-wrap---->
				<div class="wrap">
				<div class="header-left">
					<div class="logo">
						<a href="index.html"><img src="images/logo.jpg"/></a>
					</div>
				</div>
				<div class="header-right">
					<div class="top-nav">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="about.html">关于</a></li>
						<li><a href="blog.html">博客</a></li>
					</ul>
				</div>
				
				<div class="sign-ligin-btns">
					<ul>
						<li id="loginContainer"><a class="login" id="loginButton" href="#"><span>登录</span></a>
							<div class="clear"> </div>
							<div id="loginBox">
								<form id="loginForm">
									<fieldset id="body">
										<fieldset>
											<label for="email">邮箱号</label>
											<input type="text" name="email" id="email" />
										</fieldset>
										<fieldset>
											<label for="password">密码</label>
											<input type="password" name="password" id="password" />
										</fieldset>
										<label class="remeber" for="checkbox"><input type="checkbox" id="checkbox" />记住我</label>
										<input type="submit" id="login" value="登录" />
									</fieldset>
									<span><a href="#">忘记密码？</a></span>
								</form>
							</div>
							<!-- Login Ends Here -->
						</li>
						<li id="signupContainer"><a class="signup" id="signupButton" href="#"><span>注册</span></a>
							<div class="clear"> </div>
							<div id="signupBox">
								<form id="signupForm">
									<fieldset id="signupbody">
										<fieldset>
											<label for="email">邮箱号 <span>*</span></label>
											<input type="text" name="email" id="signupemail" />
										</fieldset>
										<fieldset>
											<label for="password">请您输入密码<span>*</span></label>
											<input type="password" name="password" id="signuppassword" />
										</fieldset>
										<fieldset>
											<label for="password">请您再次输入密码<span>*</span></label>
											<input type="password" name="password" id="signuppassword1" />
										</fieldset>
										<input type="submit" id="signup" value="现在注册!" />
									</fieldset>
								</form>
							</div>
							<!-- Login Ends Here -->
						</li>
						<div class="clear"> </div>
					</ul>
				</div>
				<div class="clear"> </div>
				</div>
				<div class="clear"> </div>
			</div>
			</div>
			<div class="wrap">
				<div class="section-title">
	                   <h3>详情页面</h3>
	            </div><!--section-title-->
			</div>
		</div>
			<!-- start main -->
		<div class="mid_bg">
			 <p class="about-title">欢迎来到我的网站！</p>
		<div class="wrap">
				<div class="details">
					<h3 class="style"><a href="#">论文标题</a></h3>
					<div class="det_pic">
						  <img src="images/det_pic.png" alt="" />
					</div>
					<div class="det_text">
						<p class="para">我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样</p>
						<p class="para">我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样我们不一样</p>
						<div class="sign_up sign_up1 ">
							<a href="#">阅读更多</a>
						</div>
					</div>
					<div class="clear"></div>
				</div>
		</div>
		</div>
	<div class="footer">
		<div class="wrap">
			<div class="footer-left">
				<div class="copy">
					<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://itwangyang.xyz">itwang</a></p>
				</div>
			</div>
			<div class="social_icons">
				<ul>
					<li class="in"><a href="#"><span> </span></a></li>
					<li class="pro"><a href="#"><span> </span></a></li>
					<li class="twitter"><a href="#"><span> </span></a></li>
					<li class="facebook"><a href="#"><span> </span></a></li>
					<div class="clear"> </div>
				</ul>
			</div>
			<div class="clear"> </div>
		</div>

	</div>
</body>
</html>